<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/common.css">
    <script src="../js/jquery.js"></script>
    <script src="../js/common.js"></script>
</head>
<body class="justify-content-center">
<div>
    <!--    页面顶部-->
    <div id="top"></div>
    <!--    中间内容-->
    <div class=" middle justify-content-center">
        <div class=" justify-content-space-between">
            <div class=" news">
                <div class="title ">较新动态</div>
                <div class="border-top justify-content-space-between">
                    <div></div>
                    <div class="news-content">
                        <div>
                            <div class="font-title single-over">日本较大抹茶餐饮七叶和茶登陆上海
                            </div>
                            <div class="font-content single-over">日本较大抹茶餐饮七叶和茶登陆上海
                            </div>
                        </div>
                        <div>
                            <div class="font-title single-over">日本较大抹茶餐饮七叶和茶登陆上海
                            </div>
                            <div class="font-content single-over">日本较大抹茶餐饮七叶和茶登陆上海日本较大抹茶餐饮七叶和茶登陆上海日本较大抹茶餐饮七叶和茶登陆上海
                            </div>
                        </div>
                        <div>
                            <div class="font-title single-over">日本较大抹茶餐饮七叶和茶登陆上海日本较大抹茶餐饮七叶和茶登陆上海
                            </div>
                            <div class="font-content single-over">日本较大抹茶餐饮七叶和茶登陆上海日本较大抹茶餐饮七叶和茶登陆上海日本较大抹茶餐饮七叶和茶登陆上海
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class=" product">
                <div class="title ">产品展示</div>
                <div class="border-top justify-content-space-between product-content">
                    <div class="border">
                        <div><img src="../img/10_hf6d.jpg"/></div>
                        <div class="font-title single-over">香煎油鸭扒</div>
                        <div class="font-content single-over">主料：油鸭腿，番茄，黄瓜</div>
                    </div>
                    <div class="border">
                        <div><img src="../img/10_hf6d.jpg"/></div>
                        <div class="font-title single-over">香煎油鸭扒</div>
                        <div class="font-content single-over">主料：油鸭腿，番茄，黄瓜</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--    页面底部-->
    <div id="foot"></div>
</div>
</body>
</html>
